/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[3]!./src/app/[locale]/page.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.page_hr__b96yx {
  width: 70%;
  margin-bottom: 20px;
  border-width: 2px;
  border-style: solid;
  background: linear-gradient(white, white) padding-box,
            radial-gradient(green, #EEEEEE) border-box;
  border-radius: 50em;
  border: 2px solid transparent;
}

.page_oranges__FYwr6 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 2vw;
}
.page_oranges__FYwr6 h1 {
  font-family: 'Outfit';
  font-size: 2vw;
}

/* Why Greenes */

.page_whyGreenesContainer__ZNc3U {
  display: flex;
  justify-content: space-around;
  background: #EEEEEE;
  align-items: center;
  width: 100%;
}

.page_whyGreenesImageContainer__PR0py {
  width: 100%;
  overflow: hidden;
  position: relative;
  margin-right: 0px;
}

.page_whyGreenesImage__6k8w2 {
  display: flex;
  transition: transform 0.5s ease-in-out;
  
}

.page_whyGreenesImage__6k8w2 img {
  width: 100%;
  height: auto;
  /* z-index: 1; */
  display: block;
  
}

.page_whyGreenesTextContainer__7a9dT {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
  justify-content: left;
  align-items: center;
  font-size: 2vw;
}

.page_whyGreenesTextContainer__7a9dT h1 {
  font-family: 'Outfit';
  padding: 5px;
  font-size: 1em;
}

.page_whyGreenesTextContainer__7a9dT h3 {
  font-size: 0.7em;
  font-family: 'Roboto';
  font-weight: 100;
  text-align: justify;
  display: flex;
  padding: 20px;
}

.page_whyGreenesBtn__oEzs8 {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}

.page_button__x5NNq {
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  padding: 20px 20px;
  height: 100%;
  width: 50%;
  border: none;
  outline: none;
  border-radius: 30px;
  background: linear-gradient(to right, #EEEEEE, green, green, #EEEEEE);
  color: white;
  font-family: 'Outfit';
  font-size: 1.5vw;
}

.page_button__x5NNq:hover {
  background: green;
}

/* Ciljevi */

.page_ciljeviContainer__8B7vd {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.page_ciljeviTitleContainer__G_vk4 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
}

.page_ciljeviTitleContainer__G_vk4 h1 {
  font-family: 'Outfit';
  font-size: 2em;
}

.page_ciljeviContainerColumn___FO5i {
  display: flex;
  width: 80%;
  flex-wrap: wrap;
}

.page_ciljeviContainerColumn___FO5i > * {
  width: calc(100% / 3);
}

.page_ciljevi__GrAKp {
  padding: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: justify;
  font-size: 1em;
}

.page_ciljevi__GrAKp img {
  fill: green;
}

.page_ciljevi__GrAKp h3 {
  padding: 30px;
  font-size: 18px;
}

/* Obnovljivi izvori */

.page_obnovljiviIzvoriContainer__diA8w {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
  z-index: 1;
}

.page_obnovljiviIzvoriTitleContainer___M6fp {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.page_obnovljiviIzvoriTitleContainer___M6fp h1 {
  font-family: 'Outfit';
  font-size: 2.5vw;
}

.page_obnovljiviIzvoriImageContainerColumn__B4PA8 {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 2%;
}

.page_obnovljiviIzvoriItem__jghof {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 200px;
  position: relative;
  /* clip-path: polygon(70% 0%, 70% 100%, 30% 100%, 30% 0%); */
  /* flex: 0 1 200px; */
  /* height: 400px; */
  margin: 0 2px;
  overflow: hidden;
  /* transition: flex 1s cubic-bezier(0.075, 0.82, 0.165, 1); */
  transition: width 0.5s;
}

.page_obnovljiviIzvoriItem__jghof p {
  display: none;
  width: 350px;
  position: absolute;
  bottom: 10%;
  align-items: center;
  justify-content: center;
}

.page_obnovljiviIzvoriItem__jghof:hover p {
  display: flex;
  text-align: justify;
  width: 350px;
  padding: 20px;
 
}

.page_obnovljiviIzvoriItem__jghof:hover {
  width: 400px;
}

.page_obnovljiviIzvoriItem__jghof:hover img {
  opacity: 20%;
}

.page_obnovljiviIzvoriItem__jghof h4 {
  margin-top: 20px;
  align-items: center;
  justify-content: center;
  display: flex;
}

/* Nasi Partneri */
.page_nasiPartneriContainer__hJzMC {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 30px;
}

.page_titleContainer__bp_LL {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.page_titleContainer__bp_LL h1 {
  font-family: 'Outfit';
  font-size: 3vw;
}

.page_nasiPartneriSlider__vECnm {
  display: flex;
  padding: 50px;
}

.page_nasiPartneriSlider__vECnm img {
  padding: 20px;
  filter: grayscale(100%); 
}

.page_nasiPartneriSlider__vECnm img:hover {
  filter: grayscale(0%);
  cursor: pointer;
}

/* R E S P O N S I V E */

@media screen and (max-width: 960px) {
  .page_oranges__FYwr6 h1 {
    text-align: center;
    font-size: 1.5rem;
  }

  .page_whyGreenesContainer__ZNc3U {
    display: flex;
    flex-direction: column;
  }

  .page_ciljeviContainerColumn___FO5i { 
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .page_ciljeviContainerColumn___FO5i > * {
    width: 100%;
  }

  .page_nasiPartneriSlider__vECnm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .page_whyGreenesTextContainer__7a9dT {
    font-size: 2vw;
    margin-top: 10px;
  }

  .page_whyGreenesTextContainer__7a9dT h3 {
    font-size: 3vw;
  }

  .page_obnovljiviIzvoriTitleContainer___M6fp h1 {
    font-size: 3vw;
  }

  .page_obnovljiviIzvoriItem__jghof {
    width: 400px;
  }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[3]!./src/components/modal.module.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/

.modal_button__vUcmz {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    padding: 20px 20px;
    height: 100%;
    width: auto;
    border: none;
    outline: none;
    border-radius: 30px;
    background: linear-gradient(to right, #EEEEEE, green, green, #EEEEEE);
    color: white;
    font-family: 'Outfit';
    font-size: 20px;
    cursor: pointer;
  }

  .modal_button__vUcmz:hover {
    background: green;
  }

  .modal_modalContainer__j3JDl {
    margin: 0 auto;
    width: 900px;
    height: 100vh;
    background-color: lightgrey;
    margin-top: 100px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; 
    box-shadow:0 0 10px rgba(0,0,0,0.4);
    overflow: scroll;
    /* opacity: 0.8; */
  }



  .modal_modalTitle__zJ0XI {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Outfit';
    padding: 20px;
  }

  .modal_modalText__HKTtZ {
    text-align: justify;
    padding: 30px;
  
  }

  .modal_closeBtn__X41FQ {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }
  
  /* button_two */
  .modal_button88__kU6mk {
    display: flex;
    align-items: center;
    font-family: inherit;
    font-weight: 500;
    font-size: 16px;
    padding: 0.7em 1.4em 0.7em 1.1em;
    color: white;
    background: #ad5389;
    background: linear-gradient(0deg, rgba(20,167,62,1) 0%, rgba(102,247,113,1) 100%);
    border: none;
    box-shadow: 0 0.7em 1.5em -0.5em #14a73e98;
    letter-spacing: 0.05em;
    border-radius: 20em;
    cursor: pointer;
    -moz-user-select: none;
         user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
  }
  
  .modal_button88__kU6mk:hover {
    box-shadow: 0 0.5em 1.5em -0.5em #14a73e98;
  }
  
  .modal_button88__kU6mk:active {
    box-shadow: 0 0.3em 1em -0.5em #14a73e98;
  }

  @media screen and (max-width: 960px) {
    .modal_modalContainer__j3JDl {
      display: flex;
      width: 100%;
      height: 90vh;
      /* overflow-y: auto; */
    }

    .modal_modalContent__S_tBh {
      height: 100%;
    }

    
  }
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[12].oneOf[7].use[3]!./src/components/slides.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
.slides_sliderMainContainer__3FDVE {
  display: flex;
  justify-content: space-around;
  background: #EEEEEE;
}

.slides_sliderContainer__KRKpo {
  width: 70%;
  overflow: hidden;
  position: relative;
}

.slides_slider__MjeDc {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slides_slider__MjeDc img {
  width: 100%;
  height: auto;
  /* z-index: 1; */
  display: block;
  -webkit-clip-path: polygon(100% 0%, 70% 100%, 0% 100%, 0% 0%);
          clip-path: polygon(100% 0%, 70% 100%, 0% 100%, 0% 0%);
}

.slides_sliderTextContainer__3N_oX {
  display: flex;
  width: 50%;
  padding: 20px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  font-size: 1.7vw;
}

.slides_sliderTextContainer__3N_oX h1 {
  font-weight: bold;
  font-family: 'Outfit';
}

.slides_rightArrow__LpfvM {
  /* z-index: 2; */
  color: green;
  position: absolute;
  bottom: 0;
  right: 10%;
  cursor: pointer;
}

.slides_leftArrow__H_a5g {
  /* z-index: 2; */
  color: green;
  position: absolute;
  bottom: 0;
  right: 15%;
  cursor: pointer;
}

.slides_oranges__STcL4 h1 {
  font-family: 'Outfit';
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  font-size: 1.9vw;
}

.slides_dot__tuF_q {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 5px 2px;
  background-color: #D2E8FF;
  border-radius: 50%;
  display: inline-block;
  transition: background-color .6s ease;
}

.slides_fade__j_AOE {
  animation-name: slides_fade__j_AOE;
  animation-duration: 1.5s;
}

@keyframes slides_fade__j_AOE {
  from {opacity: .4}
  to {opacity: 1}
}

/* R E S P O N S I V E */
@media screen and (max-width: 960px) {
  .slides_sliderMainContainer__3FDVE {
    flex-direction: column;
  }

  .slides_sliderContainer__KRKpo {
    width: 100%;
  }

  .slides_slider__MjeDc img {
    width: 100%;
    height: auto;
    /* z-index: 1; */
    display: block;
    -webkit-clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);
            clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);
  }
  
  .slides_sliderTextContainer__3N_oX {
    display: flex;
    width: 50%;
    padding: 20px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
  }
  
  .slides_sliderTextContainer__3N_oX h1 {
    font-weight: bold;
    font-family: 'Outfit';
  }

  .slides_rightArrow__LpfvM {
    /* z-index: 2; */
    color: white;
    position: absolute;
    bottom: 0;
    right: 10%;
    cursor: pointer;
  }
  
  .slides_leftArrow__H_a5g {
    /* z-index: 2; */
    color: white;
    position: absolute;
    bottom: 0;
    right: 15%;
    cursor: pointer;
  }

  .slides_sliderTextContainer__3N_oX {
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
  }
}